<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>单据库存拆包</title>
		<link href="../../../css/mui.min.css" rel="stylesheet" />
		<link href="../../../css/AcmeMes.css" rel="stylesheet" />
		<link href="../../../css/layer.css" rel="stylesheet" />
		<script src="../../../js/lib/jquery-2.1.1.min.js"></script>
		<script src="../../../js/lib/mui.min.js"></script>
		<script src="../../../js/lib/base64.min.js"></script>
		<script src="../../../js/config.js"></script>

		<script src="../../js/WMS/WMS_TradeCodeUnpacking.js"></script>
		<script type="text/javascript">
		</script>

	</head>
	<body>
		<!-- <header class="mui-bar mui-bar-nav mui-bar-transparent">
			<h2 class="mui-title">Unpacking</h2>
		</header> -->
		<div class="mui-navbar-inner mui-bar mui-bar-nav mui-bar-transparent">
			<button type="button" class="mui-left mui-action-back mui-btn  mui-btn-link mui-btn-nav mui-pull-left">
				<span class="mui-icon mui-icon-left-nav"></span>
			</button>
			<h1 class="mui-center mui-title">TradeInfo_Unpacking</h1>
		</div>
		<div class="mui-content">
			<form class="mui-input-group" style="background-color: transparent;">
				<div class="mui-input-row">

					<label style="font-weight: bold;">OrderNO:</label>
					<input type="text" placeholder="Please OrderNO" id="TradeOrderNO" readonly>
				</div>
				<div class="mui-input-row">

					<label style="font-weight: bold;">TotalQty:</label>
					<input type="text" placeholder="Please TotalQty" id="TotalQty"
						oninput="this.value = this.value.replace(/[^0-9]/g, '');" readonly>
				</div>
				<div class="mui-input-row">
					<label style="font-weight: bold;">OldCode:</label>
					<input type="text" placeholder="Please scan the Old Barcode" id="OldMaterialCode" readonly>
				</div>
				<!-- 				<div class="mui-input-row">
					<input type="text" placeholder="Please scan the Old Barcode" id="OldMaterialCode" autofocus>
				</div> -->
				<div class="mui-input-row">

					<label style="font-weight: bold;">OldQty:</label>
					<input type="text" placeholder="readonly" id="OldQty"
						oninput="this.value = this.value.replace(/[^0-9]/g, '');" readonly>
				</div>
				<div class="mui-input-row">
					<label style="font-weight: bold;">NewCode:</label>
					<input type="text" placeholder="readonly" id="NewMaterialCode" readonly>
				</div>
				<div class="mui-input-row">

					<label style="font-weight: bold;">NewQty:</label>
					<input type="text" placeholder="Please unpackQty" id="NewQty"
						oninput="this.value = this.value.replace(/[^0-9]/g, '');">
				</div>
			</form>
			<br />
			<div style="display: flex; justify-content: space-between;">
				<button type="button" data-loading-icon-position="right" class="mui-btn-warning" style="height: 40px;"
					onclick="CLEAR()">CLEAR LIST</button>
				<button type="button" data-loading-icon-position="right" class="mui-btn-primary "
					onclick="UNPACKING()">UNPACKING</button>
			</div>
			<div>
				<textarea id="txtResult" style="width: 100%; height: 200px;" placeholder="Operation result"></textarea>
			</div>

		</div>
	</body>
	<style>
		.mui-title {
			font-weight: bold;
			color: aliceblue;
		}

		.mui-bar-transparent {
			background-color: rgba(47, 64, 86, .99);
		}

		input {
			white-space: nowrap;
			/* 禁止换行 */
			overflow: hidden;
			/* 隐藏溢出的文本 */
			text-overflow: ellipsis;
			/* 显示省略号 */
		}

		#txtResult {
			/* 改变文字大小 */
			font-size: 16px;
			/* 自动换行 */
			white-space: pre-wrap;
		}

		.mui-btn-success {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 50%;
			margin-left: 90px;
		}

		select {
			width: 215px;
			background-color: #ddd;
			margin-top: 2px;
			font-size: 15px;
			margin-left: 15px;
			margin-bottom: 2px;
			text-align: center;
		}

		option {
			width: 100%;
			text-align: center;
		}

		.mui-input-row {
			margin-top: 10px;
		}

		* {
			padding: 2px;
		}
	</style>
</html>